<template>
    <div>
        <a-modal 
        v-model:visible="obser.visible" 
        @ok="handleOk" 
        @cancel="handleCancel"
        width="800px"
        :hideCancel=true
        top="500px"
        >
            <template #title>
            新增组织
            </template>
            <div>
                <span>*区域名称:</span>
                <a-input/>
            </div>
            <div>
                <span>区域描述：</span>
                <a-textarea 
                placeholder="Please enter something" 
                :max-length="20" 
                allow-clear 
                show-word-limit 
                auto-size/>
            </div>
        </a-modal>
    </div>
</template>

<script setup lang="ts">
    import { ref } from 'vue';
    import {useObser} from "../../store/obserData";
    let obser=useObser();
    const visible = ref(false);

    const handleClick = () => {
      visible.value = true;
    };
    const handleOk = () => {
      visible.value = false;
    };
    const handleCancel = () => {
      visible.value = false;
    }
</script>

<style scoped>

</style>